<template>
  <div class="audition75">
    <v-md-preview :text="text1" />
  </div>
</template>

<script>
const prefix = '``` html'
const suffix = '```'
export default {
  name: 'Audition75',
  data() {
    return {
      text1: `${prefix}
        href：href表示超文本引用，用来建立当前元素和文档之间的链接，常用在link和a等元素上。
            注：当浏览器解析到这一句时会识别该文档为css文件，
              会下载并不会停止对当前文档的处理，
              所以建议使用link方式而不是@import加载css。

        src：src表示引用资源，替换当前元素，是页面内容不可缺少的一部分，
          常用在img，script，iframe上。
          src指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；
          请求src资源时会将其指向的资源下载并应用到当前文档中,
          例如js脚本、img图片等。src链接内的地址不会有跨域问题
            注：当浏览器解析到这一句时会暂停其他资源的下载和处理，
              直至将该资源加载、编译、执行完毕。
              这也是js脚本放在底部而不是头部的问题

        title：
            1. title属性是为元素提供额外的注释信息，
              当鼠标放在元素上时会有title文字显示，以达到补充说明或提示。
            2. title属性更倾向于用户体验的考虑。
            3. title既可以是元素的属性也可以是标签，
              作为属性可以用在除base,basefont,head,html,meta,param,script和title之外的任何标签上（title常与form以及a标签一同使用，
              以提供关于输入格式和链接目标的信息），
              title与style、id、class等一起作为HTML中许多标签共用的标准属性。

        alt：
            1. alt属性是在你的图片无法显示时的替代文本，
              它会直接输出在原本加载图片的地方。
            2. alt属性有利于SEO，是搜索引擎搜录时判断图片与文字是否相关的重要依据。
            3. alt只能是元素的属性，只能用在img、area和input标签中（img,area中alt必须指定）。     

        注：当a标签内嵌套img标签时，起作用的是img的title属性。
      \n${suffix}`,
    }
  }
}
</script>

<style>

</style>